<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>情报</title>
  <link rel="stylesheet" href="layui/css/layui.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/information.css">
</head>
<body>

<ul class="layui-nav layui-nav-tree" lay-filter="test" id="right_nav">
  <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
  <li class="layui-nav-item layui-nav-itemed">
    <a href="javascript:;">目录</a>
    <dl class="layui-nav-child">
      <dd><a href="#pxqb">配信情报</a></dd>
      <dd><a href="#cjwz">常见文字</a></dd>
      <dd><a href="#swxg">吃喝相关</a></dd>
      <dd><a href="#xhdsw">喜欢的事物</a></dd>
      <dd><a href="#cyy">常用语</a></dd>
      <dd><a href="#twxg">提问相关</a></dd>
      <dd><a href="#zysx">注意事项</a></dd>
      <dd><a href="#yxxg">游戏相关</a></dd>
      <dd><a href="#jzxg">舰长相关</a></dd>
      <dd><a href="#rydl">日语大佬</a></dd>
    </dl>
  </li>
</ul>

<fieldset class="layui-elem-field" id="pxqb">
  <legend>配信情报</legend>
  <div class="layui-field-box">
    <div class="layui-card">
      <div class="layui-card-header">配信时间和地点</div>
      <div class="layui-card-body">
        中国时间几点开始，几点下播。<br>
      </div>
    </div>
    <div class="layui-card">
      <div class="layui-card-header">生日和周年庆</div>
      <div class="layui-card-body">
        生日：0月0日（阳历）<br>
        周年庆：0月0日（阳历）<br>
      </div>
    </div>
    <div class="layui-card">
      <div class="layui-card-header">联系方式</div>
      <div class="layui-card-body">
        B站dm私信<br>
      </div>
    </div>
    <div class="layui-card">
      <div class="layui-card-header">舰长数企划</div>
      <div class="layui-card-body">
        10舰：xxx<br>
        50舰：xxx<br>
        100舰：xxx<br>
      </div>
    </div>
    <div class="layui-card">
      <div class="layui-card-header">配信常用语</div>
      <div class="layui-card-body">
        こんばんは（晚上好）<br>
        おやすみなさい（晚安）<br>
      </div>
    </div>
    <div class="layui-card">
      <div class="layui-card-header">切片相关</div>
      <div class="layui-card-body">
        切片相关的情报说明
      </div>
    </div>
  </div>
</fieldset>

<fieldset class="layui-elem-field" id="cjwz">
  <legend>常见文字</legend>
  <div class="layui-field-box">
    <div class="layui-card">
      <div class="layui-card-header">卡片头</div>
      <div class="layui-card-body">
        内容说明
      </div>
    </div>
  </div>
</fieldset>

<fieldset class="layui-elem-field" id="swxg">
  <legend>吃喝相关</legend>
  <div class="layui-field-box">
    <div class="layui-card">
      <div class="layui-card-header">口味</div>
      <div class="layui-card-body">
        喜欢吃dd<br>
      </div>
    </div>
  </div>
</fieldset>

<fieldset class="layui-elem-field" id="xhdsw">
  <legend>喜欢的事物</legend>
  <div class="layui-field-box">
    <div class="layui-card">
      <div class="layui-card-header">动物</div>
      <div class="layui-card-body">
        xxx
      </div>
    </div>
  </div>
</fieldset>

<fieldset class="layui-elem-field" id="cyy">
  <legend>常用语</legend>
  <div class="layui-field-box">
    <div class="layui-card">
      <div class="layui-card-header">常用文字</div>
      <div class="layui-card-body">
        xxx<br>
      </div>
    </div>
  </div>
</fieldset>

<fieldset class="layui-elem-field" id="twxg">
  <legend>提问相关</legend>
  <div class="layui-field-box">
    <div class="layui-card">
      <div class="layui-card-header">问题和回复</div>
      <div class="layui-card-body">
        问欧派：xxx<br>
      </div>
    </div>
  </div>
</fieldset>

<fieldset class="layui-elem-field" id="zysx">
  <legend>注意事项</legend>
  <div class="layui-field-box">
    <div class="layui-card">
      <div class="layui-card-header">雷区</div>
      <div class="layui-card-body">
        不应该做的某些事<br>
      </div>
    </div>
    <div class="layui-card">
      <div class="layui-card-header">不喜欢</div>
      <div class="layui-card-body">
        不喜欢xxx<br>
      </div>
    </div>
  </div>
</fieldset>

<fieldset class="layui-elem-field" id="yxxg">
  <legend>游戏相关</legend>
  <div class="layui-field-box">
    <div class="layui-card">
      <div class="layui-card-header">玩过的游戏</div>
      <div class="layui-card-body">
        游戏名<br>
      </div>
    </div>
  </div>
</fieldset>

<fieldset class="layui-elem-field" id="jzxg">
  <legend>舰长相关</legend>
  <div class="layui-collapse">
    <div class="layui-colla-item">
      <h2 class="layui-colla-title">女装大佬</h2>
      <div class="layui-colla-content">
        xxx<br>
      </div>
    </div>
    <div class="layui-colla-item">
      <h2 class="layui-colla-title">女舰长</h2>
      <div class="layui-colla-content">
        xx<br>
      </div>
    </div>
  </div>
</fieldset>

<fieldset class="layui-elem-field" id="rydl">
  <legend>日语大佬</legend>
  <div class="layui-field-box">
    <div class="layui-card">
      <div class="layui-card-header">读写说</div>
      <div class="layui-card-body">
        xxx<br>
      </div>
    </div>
  </div>
</fieldset>

<fieldset class="layui-elem-field" id="real_info" style="display: none;">
  <legend>现实相关</legend>
  <div class="layui-field-box">
    <div class="layui-card">
      <div class="layui-card-header">暂时隐藏</div>
      <div class="layui-card-body">
        可公开信息，看情况显示<br>
      </div>
    </div>
  </div>
</fieldset>

<div class="layui-container">
  
</div>
</body>
<script>
  // 现实情报显示 document.getElementById("iframe1").contentWindow.show_real()
  function show_real() {
    document.getElementById("real_info").style.display = "block";
  }
</script>
<!-- 引入 layui.js 的 <script> 标签最好放置在 html 末尾 -->
<script src="layui/layui.js"></script>
</script>
</html>
